<html xmlns="http://www.w3c.org/1999/xhtml"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:f="http://java.sun.com/jsf/core"
       xmlns:p="http://primefaces.org/ui">

<h:head>
  <style type="text/css">
    .centered {
    margin: 250px auto;
    }
  </style>

</h:head>

<h:body style="text-align:center;background-color:#f0f0f0;">
 <h:form>
   <p:panel align="center" header="Buscador Casos SOAP" style="width:1200px">
     <h:panelGrid columns="2" cellpadding="5">
       <p:commandButton id="nuevoCasoSOAP" value="Crear Nuevo Caso SOAP" style="float:right;" />      
     </h:panelGrid>

     <!-- Parte Numero caso del buscador SOAP -->
    
     <h:panelGrid  columns="6" cellpadding="1" >     
	 	
       <h:panelGrid  columns="1" rows="2" cellpadding="1" >
       		<h:outputLabel for="numeroCaso" value="Número Caso" style="font-weight:bold"/>
       		<p:inputText id="caso" />
       </h:panelGrid>
       <h:panelGrid  columns="1" rows="2" cellpadding="1" >
	   		<h:outputLabel for="rutAfiliado" value="Rut Afiliado" style="font-weight:bold"/>
	   		<p:inputText id="rut" />
	   </h:panelGrid>
	   <h:panelGrid  columns="1" rows="2" cellpadding="1" >
	  	   <h:outputLabel for="nombreAfiliado" value="Nombre Afiliado" style="font-weight:bold"/>
	  		<p:inputText id="nombreAfiliado" />
	  </h:panelGrid>
      <h:panelGrid  columns="1" rows="2" cellpadding="1" >
		   <h:outputLabel for="estadoCaso" value="Estado Caso SOAP" style="font-weight:bold"/>
			<p:selectOneMenu value="menuEstadoCaso">  
            	<f:selectItem itemLabel="--Seleccione--" itemValue="" />  
            	<f:selectItem itemLabel="Informado" itemValue="1" />    
       		</p:selectOneMenu>
       </h:panelGrid>
       <h:panelGrid  columns="1" rows="2" cellpadding="1" >   
	   		<h:outputLabel for="isapre" value="Isapre" style="font-weight:bold"/>
	        <p:selectOneMenu value="menuIsapre">  
    	        <f:selectItem itemLabel="--Seleccione--" itemValue="" />  
        	    <f:selectItem itemLabel="Colmena" itemValue="1" />    
        	</p:selectOneMenu>
       </h:panelGrid> 
	   <h:panelGrid  columns="1" rows="2" cellpadding="1" >		
	   		<h:outputLabel for="prestador" value="Prestador" style="font-weight:bold"/>
	   		<p:inputText id="prestador" />              
       </h:panelGrid>
	</h:panelGrid>
     <!-- Parte fecha del buscador SOAP -->
     <h:panelGrid  columns="6" cellpadding="1" >
     
       <h:outputLabel for="fechaInicio" value="Fecha Inicio" style="font-weight:bold"/>
        <p:calendar value="#{calendario.date}" id="calendarioFechaInicio" showOn="button" />     
      <h:outputLabel for="fechaTermino" value="Fecha Término" style="font-weight:bold"/>     
        <p:calendar value="#{calendario.date}" id="calendarioFechaTermino" showOn="button" />
     </h:panelGrid>

     
   </p:panel>
 </h:form>
 
</h:body>

</html>